<template>
	<view>
		<view class="top">
			<u-datetime-picker :show="show" v-model="value1" mode="date"></u-datetime-picker>
			<view @click="show = true">打开</view>
		</view>
		<view class="content">
			<view class="gap">共计：￥0</view>
			<view></view>
			<u-empty mode="search" text="没有结算记录" iconSize="80" textSize="50">
			</u-empty>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				value1: Number(new Date()),
			}
		}
	}
</script>

<style lang="scss" scoped>
	.top {
		height: 100rpx;
		background-color: #00a743;
		color: #fff;
	}

	.content {
		.gap {
			padding-right: 20rpx;
			height: 50rpx;
			line-height: 50rpx;
			background-color: #dedede;
			color: #00a743;
			font-size: 28rpx;
			text-align: right;
		}
	}
</style>